.top{
    height: 190px;
    width: 100%;
    background: url("../images/topbg.png");
    position: absolute;
}

.header {
    width: 1266px;
    height: 75px;
    /*background-color: green;*/
    position: absolute;
    left: 50%;
    margin-left: -633px;
    z-index: 2;
}
.header>img{
    margin-top: 20px;
}
.head {
    height: 730px;
    width: 100%;
    background: url("../images/bannerbg.jpg") no-repeat top center;
}
.w980{
    width: 980px;
    height: 730px;
    margin:0 auto;
    position: relative;
}
.w980 .download{
    position: absolute;
    left: 65px;
    top: 262px;
    background-color: red;
    width: 354px;
    height: 231px;
    background: url("../images/bannertxt.png") no-repeat left top;
}
.w980 .download_text{
    display: block;
    width: 214px;
    height: 64px;
    position: absolute;
    left:0;
    top: 168px;
}
.w980 .pic{
    position: absolute;
    right: 88px;
    bottom: 0;
}
.fr{
    float: right;
}
.header_right li{
    float: right;
    margin-left: 20px;
}
.header_right li a{
    font-size: 14px;
    font-family: "微软雅黑";
    color: #EBEAE8;
    line-height: 46px;
}
.header_right li a:hover{
    color: #31B5E5;
}
.header_right span a{
    font-size: 14px;
    font-family: "微软雅黑";
    color: #EBEAE8;
    line-height: 14px;
}
.header_right span a:hover{
    color: #31B5E5;
}
.header .more{
    width: 100px;
    height: 144px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 40px;
    display: none;
}
.header .more li{
    height: 35px;
    border-bottom: 1px solid #D8D8D8;
    /*margin-top: -1px;*/
    padding-left: 5px;
}
.header .more a{
    font-size: 14px;
    font-family: "microsoft yahei";
    line-height: 35px;
    color: #5B5B5B;
}
.header .more a:hover{
    color: #31B5E5;
}
/*content_1   B*/
.content_1{
    width: 100%;
    background-color: #F2F2F2;
}
.content_1 .bg{
    width: 1366px;
    height: 521px;
    margin: 0 auto;
    background: url("../images/bg01.png");
}
.content_1 .area{
    height: 521px;
    width: 980px;
    position: relative;
    margin: 0 auto;
}
.content_1 .bg .txt{
    width: 430px;
    height: 239px;
    background: url("../images/txt01.png");
    position: absolute;
    top: 120px;
}
.content_1 .bg .pic{
    width: 321px;
    height: 464px;
    background: url("../images/fig01.png") no-repeat top center;
    position: absolute;
    right: 0px;
    bottom: 0;
    opacity: 0.0;
}
/*content_1   E*/
/*content_2   B*/
.content_2{
    width: 100%;
    background-color: #fff;
}
.content_2 .bg {
    width: 1360px;
    height: 520px;
    background: url("../images/bg02.png");
    margin: 0 auto;
    /*background-color: red;*/

}
.content_2 .area{
    height: 520px;
    width: 980px;
    position: relative;
    margin: 0 auto;
}
.content_2 .area .txt{
    width: 458px;
    height: 301px;
    background: url("../images/txt02.png");
    position: absolute;
    top: 120px;
    right: 0;
}
.content_2 .area .pic{
    width: 433px;
    height: 348px;
    background: url("../images/fig02.png");
    position: absolute;
    opacity: 0;
    top: 100px;
    left: -80px;
}
/*content_2   E*/
/*content_3   B*/
.content_3{
    width: 100%;
    background-color: #F2F2F2;
}
.content_3 .bg {
    width: 1360px;
    height: 520px;
    background: url("../images/bg03.png");
    margin: 0 auto;
}
.content_3 .area{
    height: 520px;
    width: 980px;
    position: relative;
    margin: 0 auto;
}
.content_3 .area .txt{
    width: 430px;
    height: 249px;
    background: url("../images/txt03.png");
    position: absolute;
    top: 120px;
    left: 0;
}
.content_3 .area .pic{
    width: 479px;
    height: 470px;
    background: url("../images/fig03.png");
    position: absolute;
    opacity: 0;
    bottom: 100px;
    right: -80px;
}
/*content_3   E*/
/*content_4   B*/
.content_4{
    width: 100%;
    background-color: #fff;
}
.content_4 .bg {
    width: 1360px;
    height: 520px;
    background: url("../images/bg04.png");
    margin: 0 auto;
    /*background-color: red;*/

}
.content_4 .area{
    height: 520px;
    width: 980px;
    position: relative;
    margin: 0 auto;
}
.content_4 .area .txt{
    width: 458px;
    height: 225px;
    background: url("../images/txt04.png");
    position: absolute;
    top: 120px;
    right: 0;
}
.content_4 .area .pic{
    width: 550px;
    height: 405px;
    background: url("../images/fig04.png");
    position: absolute;
    opacity: 0;
    top: 100px;
    left: -80px;
}
/*content_4   E*/
/*bottom    B*/
.bottom{
    height: 100px;
    width: 100%;
    background-color: #2D2C2C;
}
.bottom span{
    display: block;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    font-family: "microsoft yahei";
}
/*bottom    E*/